<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <title>Eyas's Blog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- Loading Bootstrap -->
    <link href="/style/home/bootstrap/css/bootstrap.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="/style/home/css/flat-ui.css" rel="stylesheet">

    <link rel="shortcut icon" href="images/favicon.ico">
    
    <link rel="stylesheet" href="/style/home/css/style.css">
    <link rel="stylesheet" href="/style/home/css/font.css">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
      <script src="/style/home/js/html5shiv.js"></script>
      <script src="/style/home/js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <a href="#content" class="sr-only sr-only-focusable">Skip to main content （直接进入主内容区）</a>
      <header class="header">
        <nav class="navbar navbar-default fixnavbar" role="navigation">
            <div class="container-fluid">
              <!-- Brand and toggle get grouped for better mobile display -->
              <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                  <span class="sr-only">切换导航</span>
                  <span class="btn btn-primary menu-btn"><i class="icon icon-menu" style="font-size:2em;"></i></span>
                </button>
                <a class="navbar-brand" href="#">Eyas</a>
              </div>

              <!-- Collect the nav links, forms, and other content for toggling -->
              <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                  <li class="active"><a href="#">技术</a></li>
                  <li><a href="#">生活</a></li>
                  <li><a href="#">关于</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                  <li><a href="#">登陆</a></li>
                </ul>
              </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
          </nav>
    </header><!--/顶部-->
    <div class="jumbotron" style="/*background-image: url(images/title-bg.png);*/">
      <div class="jumbotron-content">
        <h1>Hello, 月松!</h1>
        <p>这是一个博客页面</p>
        <p><a class="btn btn-primary btn-lg" role="button">好酷！！</a></p>
      </div>
    </div>
    <div class="container">
	    <div class="content" id="content">
        <div class="row">
          <div class="col-xs-12 col-md-8">
  	        <div class="items">
  	            <aside class="article-item">
  	                <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="thumbnail"><a href="#"><img src="http://placehold.it/800x400"></a></div>
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                            <span data-toggle="tooltip" data-placement="top" title='<canvas width="260" height="260"></canvas>'><i class="icon icon-qrcode"></i>二维码</span>
                          </div>
                        </div>
                      </div>
  	            </aside>
                <aside class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </aside>
                <aside class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <div class="thumbnail"><a href="#"><img src="http://placehold.it/800x400"></a></div>
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </aside>
                <aside class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </aside>
                <aside class="article-item">
                    <div class="panel panel-default">
                      <div class="panel-body">
                        <div class="thumbnail"><a href="#"><img src="http://placehold.it/800x400"></a></div>
                        <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                        <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                        </div>
                      </div>
                      <div class="panel-footer">
                        <div class="attrs">
                          <span><i class="icon icon-eye"></i>26</span>
                          <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                        </div>
                      </div>
                    </div>
                </aside>
                <div class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </div>
                <div class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </div>
                <div class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </div>
                <div class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </div>
                <div class="article-item">
                    <div class="panel panel-default">
                        <div class="panel-body">
                          <h1 class="title"><a href="single.html">隐藏wordpress更新的另类方法</a></h1>
                          <div class="bio"><p>wordpress有提供一个action给我们修改每个分页的文章数量：“pre_get_posts”。 思路是这样的，如果是在主循环，wordpress通常获取文章之前，会检查后台中“设置->阅读->博客页面至多显示”，中设置的数字，默认是10，然后根据这个数字限制获取文章的数量。我们要为特定的某一个分类法或者某个分类法特定的术语设置不同的分页文章数量，就要wp获取这</p>
                          </div>
                        </div>
                        <div class="panel-footer">
                          <div class="attrs">
                            <span><i class="icon icon-eye"></i>26</span>
                            <span><i class="icon icon-clock"></i>2014-9-23 12:34:56</span>
                          </div>
                        </div>
                      </div>
                </div><!--/items-->
              <div class="pagination">
                <ul>
                  <li class="previous"><a href="#"><img src="images/pager/previous.png"></a></li>
                  <li class="active"><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#">4</a></li>
                  <li><a href="#">5</a></li>
                  <li><a href="#">6</a></li>
                  <li><a href="#">7</a></li>
                  <li><a href="#">8</a></li>
                  <li><a href="#">9</a></li>
                  <li class="next"><a href="#"><img src="images/pager/next.png"></a></li>
                </ul>
              </div>
  	        </div>
          </div>
          <div class="col-xs-12 col-md-4 hidden-xs">
            <div class="sidebar-block most">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">页面二维码</h3>
                </div>
                <div class="panel-body">
                  <div id="page-erweima"></div>
                </div>
              </div>
            </div>
            <div class="sidebar-block most">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">访问最多</h3>
                </div>
                <div class="panel-body">
                  <ul class="list-group">
                    <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">Dapibus ac facilisis in</a></li>
                    <li class="list-group-item"><a href="#">Morbi leo risus</a></li>
                    <li class="list-group-item"><a href="#">Porta ac consectetur ac</a></li>
                    <li class="list-group-item"><a href="#">Vestibulum at eros</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="sidebar-block most">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">最近更新</h3>
                </div>
                <div class="panel-body">
                  <ul class="list-group">
                    <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">Dapibus ac facilisis in</a></li>
                    <li class="list-group-item"><a href="#">Morbi leo risus</a></li>
                    <li class="list-group-item"><a href="#">Porta ac consectetur ac</a></li>
                    <li class="list-group-item"><a href="#">Vestibulum at eros</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="sidebar-block most">
              <div class="panel panel-default">
                <div class="panel-heading">
                  <h3 class="panel-title">随机文章</h3>
                </div>
                <div class="panel-body">
                  <ul class="list-group">
                    <li class="list-group-item"><a href="#">Cras justo odio</a></li>
                    <li class="list-group-item"><a href="#">Dapibus ac facilisis in</a></li>
                    <li class="list-group-item"><a href="#">Morbi leo risus</a></li>
                    <li class="list-group-item"><a href="#">Porta ac consectetur ac</a></li>
                    <li class="list-group-item"><a href="#">Vestibulum at eros</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
	    </div>
    </div>
    <!-- /.container -->
    <footer class="blog-footer">
      <div class="container">
    

    <p>Designer and built by <a href="mailto:liuyuesongde@163.com">Eyas（liuyuesongde@163.com）</a>.</p>
    <p>Power by <a href="http://laravel.com/">Laravel</a> 、 <a href="http://getbootstrap.com/"> Bootstrap </a> and <a href="#"> Flat UI </a>.</p>
  </div>
    </footer>


    <!-- Load JS here for greater good =============================-->
    <script src="/style/home/js/jquery.min.js"></script>
    <script src="/style/home/js/jquery-ui-1.10.3.custom.min.js"></script>
    <script src="/style/home/js/jquery.ui.touch-punch.min.js"></script>
    <script src="/style/home/js/bootstrap.min.js"></script>
    <script src="/style/home/js/respond.min.js"></script>
    <script src="/style/home/js/jquery.qrcode.min.js"></script>
    <script src="/style/home/js/stickUp.min.js"></script>
    <script>
    $(function(){
      $(".fixnavbar")
      $("[data-toggle='tooltip']").tooltip({html : true });
      $('#page-erweima').qrcode({
        width:260,
        height:260,
        text:'http://localhost/blog'
      });
    });
    </script>
  </body>
</html>